import React,{ Component } from "react";
import {Breadcrumb, Icon, Row, Col, Input, Button} from 'antd'
import { Link } from 'react-router-dom'
import './login.less'
class PersonList extends Component{
	componentDidMount(){

	}
    doFilterSearch = (val) => {

    }
	render(){
		return(
			<div>
				<div className="common-bread">
                    <Breadcrumb style={{ margin: '12px 0' }}>
                        <Breadcrumb.Item>
                            <Link to={`/dashboard`}><Icon type="home" /></Link>
                        </Breadcrumb.Item>
                        <Breadcrumb.Item>修改密码</Breadcrumb.Item>
                    </Breadcrumb>
				</div>
                <div className="login-container">
                    <Row>
                        <Col span={2}>旧密码:</Col>
                        <Col span={8}><Input /></Col>
                    </Row>
                    <Row>
                        <Col span={2}>新密码:</Col>
                        <Col span={8}><Input /></Col>
                    </Row>
                    <Row>
                        <Col span={2}>确认新密码:</Col>
                        <Col span={8}><Input /></Col>
                    </Row>
                    <Row>
                        <Col span={8} style={{textAlign: 'center'}}><Button type="primary">提交</Button></Col>
                    </Row>
                </div>
			</div>
		)
	}
}
export default PersonList;